<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>分享页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/share.css">
</head>
<body style="background-color: #fbfbe7;">
<div class="share">
    <img src="./image/topFree.png" alt="" class="free">
    <video id='video1' width="90%" height="200" controls preload="none" src="./image/test.mp4"></video>
    <img src="./image/shareStep.png" class="shareStep" alt="">
    <div class="big">
        <div class="shareContent">
            <div>
                <div class="topShare">
                    <div class="leftWrapper">
                        <span>￥</span>
                        <b id='coupon'>00</b>
                    </div>
                    <div class="rightWrapper">
                        <p>优惠码<span id='shareCode'></span></p>
                        <b>老客户优惠券</b>
                    </div>
                </div>
                <p class="line"></p>
                <div class="bottomShare">
                    <p class="first">优惠券仅限被推荐的新客户使用</p>
                    <p>推荐成功一名用户，奖励 <b id='integral'>00</b> 积分</p>
                </div>
            </div>
            <img src="./image/share_button.png" alt="" class="shareBtn" id="shareBtn">
            <!--<img src="./image/share_button.png" alt="" class="shareButton">-->
        </div>
        <div class="right" >
            <a id='showTerm'>
                <p>活</p>
                <p>动</p>
                <p>详</p>
                <p>细</p>
                <p>规</p>
                <p>规</p>
                <p>则</p>
            </a>
        </div>

    </div>
    <div id="scrollBox">
        <ul class="list" id="con1">
            <li>土豆*爸成功推荐新用户获得积分，可兑换图书使用。</li>
            <li>土豆*爸成功推荐新用户获得积分，可兑换图书使用。</li>
            <li>土豆*爸成功推荐新用户获得积分，可兑换图书使用。</li>
            <li>土豆*爸成功推荐新用户获得积分，可兑换图书使用。</li>
            <li>土豆*爸成功推荐新用户获得积分，可兑换图书使用。</li>
        </ul>
        <ul id="con2"></ul>
    </div>
</div>
<script src="./js/jquery.1.9.1.min.js"></script>
<script src="./js/common.js"></script>
<script src="./js/share.js"></script>
</body>
</html>